<include file="./Tpl/Home/Header.html" />
<link href="/Public/Home/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<script src="/Public/Home/jquery-2.1.1.min.js"></script>
<script src="/Public/Home/bootstrap.min.js?v=3.4.0"></script>
<!-- jQuery Validation plugin javascript-->
<script src="/Public/js/jquery.validate.min.js"></script>
<script src="/Public/js/messages_zh.min.js"></script>
<script src="/Public/js/base.js"></script>
<style type="text/css">
.user {
	width: 97%;
	margin: 0px auto;
}
.user-nav {
}
.user-nav a {
	display: inline-block;
	float: left;
	padding: 7px 20px;
	margin-left: 10px;
	color: #0B72A4;
}
.user-nav a.cur {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0px;
}
.user-info {
	padding: 20px 0px;
	font-size: 14px;
	border: 1px solid #ddd;
}
.user-info dl {
	display: block;
	width: 99%;
	margin: 0px auto;
	zoom: 1;
	overflow: hidden;
}
.user-info dl dt, .user-info dl dd {
	float: left;
	padding: 15px 10px;
}
.user-info dl dt {
	clear: both;
	width: 10%;
}
.user-info dl dd {
	width: 70%;
}
.user-info dl dd input[type='radio'] {
	margin-left: 20px;
}
.user-info input[type='text'], .user-info input[type='password'] {
	width: 100px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.user-info table {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
.user-info th, .user-info td {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.user-info h3 {
	text-indent: 15px;
	padding: 15px 0px;
}
.sub {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	color: white;
	text-align: center;
	width: 170px;
	height: 32px;
	line-height: 32px;
	background: #FF8C19;
	margin-top: 10px;
}
.sub:hover {
	color: #fff;
	text-decoration: none;
}
.banktable td {
	padding: 0px;
}
.onlineRecharge .onlineRechargeContent .numberBlock{ width:350px}
.tradeTitlecur{width:158px !important;}
</style>
<div class="marketArea clear"> <include file="./Tpl/Home/Left.html" />
  <div class="rightArea">
    <div class="onlineRecharge">
      <div class="selecttabNew1">
        <ul class="selecttabboxNew">
          <li class="cur"> <a class="otherBoxTitle" href="?s=Home/Fill/add">网银充值<img src="/Public/Home/nofee.png"></a> </li>
          <li class=""> <a class="otherBoxTitle" href="?s=Home/Fill/zhifu_add">支付宝手动汇款<img src="/Public/Home/nofee.png"></a> </li>
        </ul>
      </div>
      
      <div class="onlineRechargeContent clear">
	  <empty name="id">
        <div id="riskArea4" class="remitStep"> <span id="specificStepBackground" class="specificStepBackground1"></span> </div>
		</empty>
		
		  <notempty name="id">
        <div id="riskArea4" class="remitStep"> <span id="specificStepBackground" class="specificStepBackground2"></span> </div>
		</notempty>
        <empty name='id'>
      	  <div id="moneyDiv"> <strong class="fontsize-14;">选输入值金额</strong> <br>
          <div class="clear" style="width:720px;">
            <div class="numberBlock">
              <ul>
                <li>
                  <input type="hidden" value="{$random}" id="random"/>
                  <input type="hidden"  id="number6" name="finMoney" value="diy" disabled="false">
                  <label for="number6"><span class="item"> 充值金额：</span></label>
                  <input type="text"   class="num" id="diyMoney" placeholder="请填写充值金额" style="">
                  <span style="" id="randomSpan">{$random}</span> </li>
                <li>
                  <label for="number5"><span class="item">选择银行：</span></label>
                  <select name="sbank" id="sbank" class="num">
                    <foreach name='bank' item='v'>
                      <option value="{$v.id}">{$v.bankname}</option>
                    </foreach>
                  </select>
                </li>
                <li style="margin:20px 0px 10px 120px">
                  <input type="hidden" value="4" name="type" id="finType">
                  <a  class="btn btn-primary" style="width:120px" title="确定充值" href="javascript:void(0);" id="finButton">确定充值</a> </li>
              </ul>
            </div>
            <div class="explainBlank">
              <p><strong class="black fontsize-16"><i>1. </i></strong>银行卡汇款目前仅支持<strong class="red">100.0元以上</strong>汇款,100.0元以下暂不支持，<strong class="red">100.0元以下汇款一律不予处理。</strong></p>
            </div>
          </div>
        </div>
           </empty>
		   <notempty name="id">
      	  <div style=" display:block" id="alipayhandDiv"> <strong>请您按如下步骤操作：</strong>
          <div class="alipayhand"> <span id="tips1" style="color:red;">1.登录您的银行网银，选择转账汇款，或者去银行柜台，要求转账汇款。</span><br>
            <span id="tips2">2. 按照下表填写银行汇款信息表单：</span><br>
            <ul style="display:none;" id="tips2ul">
              <li><span class="c1">对方<span id="tips2title">支付宝</span>帐户：</span><span class="c2">sbicrgw@vip.qq.com</span></li>
              <li><span class="c1">付款金额：</span><span id="alipayManualMoney" class="c2"></span> <span class="c3">
                <input type="button" value="返回修改金额" onclick="javascript:backModifyMoney();">
                </span></li>
              <li><span class="c1">付款说明：</span><span id="alipayManualInfo" class="c2"></span> <span class="c3 red">注意：付款说明必须填写，仔细核对！否则无法到账！</span></li>
            </ul>
            <ul id="tips2bank">
              <li><span class="c1">收款人：</span><span class="c2" id="fownerName">{$bank_ad.cardname}</span></li>
              <li><span class="c1">收款人帐号：</span><span class="c2" id="fbankNumber">{$bank_ad.cardnum}</span></li>
              <li><span class="c1">收款人开户行：</span><span class="c2" id="fbankAddress">{$bank_ad.bankname}</span></li>
              <li><span class="c1">金额：</span><span id="bankMoney" class="c2">{$bank_ad.num}</span></li>
              <li><span class="c1">备注/附言/摘要：</span><span id="bankInfo" class="c2">{$bank_ad.random}</span><span class="c3">
              <!--  <input type="button" value="返回修改金额" onclick="javascript:backModifyMoney();"> -->
                </span></li>
             <li><span class="red c4">(转账汇款时请一定在“备注/附言/摘要”栏目里填写此数字，此数字只可使用一次，每次汇款请填写新生成的数字)</span></li> 
            </ul>
          <!--   <span id="tips3">3. 输入“校验码”并点击“下一步”付款。</span><br> -->
          </div>
        <!--  <a onclick="javascript:submitPaymentInformation();" style="margin-left:200px;margin-top:30px;" href="javascript:void(0);" class="button-blue1">我已经完成银行汇款，下一步</a> </div> -->
     </notempty>
        
        
        <div id="TransferAccountsComplete" style="display:none;" class="blankRemittance"> <span class="bankRechargeSucess"></span> <span style="font-size: 14px" class="returnbackground">提交成功，我们收到汇款后，会尽快处理，请耐心等待本站的人工处理。 <a href="/account/rechargeCny.html" class="">继续充值&gt;&gt;&gt;</a> </span> </div>
      </div>
    </div>
    
    
            
</div>
  <div style="margin-top: 3px;" class="entrustTen lasttenorder">
		<div class="Tentitle">

			<span class="lightblue4">充值记录</span>
		</div>
		<div class="coinBoxBody">
			<table width="100%">
				<tbody>
					<tr>	
							<th width="190">订单号</th>
							<th width="190">时间</th>
							<th width="180">充值方式</th>
							<th width="180">金额</th>
							<th width="180">状态</th>
							<th width="180">操作</th>
						</tr>
					<volist name="list" id="vo" empty="$empty">
					<tr>
					  <td>{$vo.tradeno} </td>
                    <td>{$vo.ctime|date="Y-m-d H:i:s",###}</td>
                     <td>网上银行</td>
                     <td>{$vo['num']}</td>
                    <td>{$vo.status_fill}</td>
					<td>
                    
					<eq name="vo.status" value="0">
				<input type="hidden" name="id" value="{$vo.id}" />
					<button type="button" class="btn btn-primary  btn-sm"data-toggle="modal" data-target="#myModal" onclick="setId(this)" > 补全信息 </button>|
					<a href="{$path}/Fill/quxiao/id/{$vo.id}">取消</a>				
					
					</eq>

					</td>
					</tr>
					</volist>
				</tbody>
			</table>
		</div>

		<div class="page">
			<ul>
			<li><a href="{$path}/Fill/add/page/1">首页</a></li>
			<li><a href="{$path}/Fill/add/page/{$page-1}">上一页</a></li>
			<li><a href="{$path}/Fill/add/page/{$page+1}">下一页</a></li>
			<li><a href="{$path}/Fill/add/page/{$page_num}">尾页</a></li>
			</ul>
		</div>
	</div>
</div>

<include file="./Tpl/Home/Footer.html" /> 
<script language="javascript">
	$("#finButton").click(function(){
		if($("#diyMoney").val()==''){
			layer.alert('请填写充值金额', 8); 
			return;
		}
		if($("#diyMoney").val()<100){
			layer.alert('最小充值金额为100元', 8); 
			return;
		}
		$.post("/?s=Home/Fill/add",{"num":$("#diyMoney").val(),"bank":$("#sbank").val(),"random":$("#random").val()},function(data){
			if(data.status==1){
			
				window.location.href="?s=Home/Fill/add/id/"+data.id;
			}else{
				layer.alert('提交失败', 8); 
				}
		})		
	})
	
	function setId(_this){
		
		$("#cid").val($(_this).prev("input[name='id']").val());	
	}
	
	$(".items5").parent("li").addClass("cur");
	$(".bor").eq(1).children("div").addClass("tradeTitlecur").removeClass("tradeTitle");
	$(".bor").eq(1).find("span").addClass("acountManage1cur").removeClass("acountManage1");
</script>
<div class="modal inmodal in" id="myModal" tabindex="-1" role="dialog"  aria-hidden="true">
  <div class="modal-dialog modal-lg modal-wrap" style="width:600px">
    <div class="modal-content animated bounceInLeft">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">银行汇款确认</h4>
        <div class="modal-body">
          <form class="form-horizontal m-t" id="bankform" jump-url="/?s=Home/Fill/add" method="post" action="/?s=Home/Fill/add_fill">
            
           <input id="cid" name="id" type="hidden" value="" />
            
            <div class="form-group">
              <label class="col-sm-3 control-label">您的汇出银行：</label>
              <div class="col-sm-8">
                <input  name="bankname" id="cardname" class="form-control valid" placeholder="您的汇出银行"  type="text" aria-required="true" aria-invalid="false"  >
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">银行账号：</label>
              <div class="col-sm-8">
                <input name="banknum" class="form-control valid" placeholder="银行账号" type="text" aria-required="true" aria-invalid="false"  value="">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">打款人姓名：</label>
              <div class="col-sm-8">
                <input  name="uname" class="form-control valid" placeholder="打款人姓名" type="text" aria-required="true" aria-invalid="false" value="{$user.xm}">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">电话号码：</label>
              <div class="col-sm-8">
                <input  name="tel" class="form-control valid" placeholder="电话号码" type="text" aria-required="true" aria-invalid="false" value="{$user.phone}">
              </div>
            </div>
            
            <div class="form-group">
              <div class="col-sm-5 col-sm-offset-3">
                <button class="btn  btn-block btn-primary" type="submit" id="submit-btn">提交</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>